<template>
    <div>
        <div  class="m-top">&nbsp;</div>
        <div id="g_nav" class="m-subnav">&nbsp;</div>
        <h1 v-if="artist">歌手是{{artist.name}}  他的id是{{artistId}}</h1>
    </div>
</template>

<script>
import {artist_detail} from '../../../network/user'
export default {
   data() {
       return {
          artistId:null ,//歌手id 
          artist:null , //歌手基本信息
       }
   },
   methods:{
      res_artistData(){
        artist_detail(this.artistId).then(res => {
            console.log(res)
            this.artist = res.data.data.artist
        })
      }
   },
   created(){
      this.artistId = parseInt(this.$route.query.id)
      this.res_artistData()
   }
}
</script>
<style scoped>
.m-top {
    position: relative;
    z-index: 910;
    height: 70px;
    box-sizing: border-box;
    background: #242424;
    border-bottom: 1px solid #000;
}
.m-subnav {
    z-index: 90;
    height: 35px;
    box-sizing: border-box;
    background-color: #C20C0C;
    border-bottom: 1px solid #a40011;
}
</style>